<!--
 * @Description: form表单
 * @Author: rendc
 * @Date: 2025-09-10 14:11:31
 * @LastEditors: rendc
 * @LastEditTime: 2025-09-10 14:47:19
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>form表单</title>
</head>

<body>
  form表单
  <form action="#">
    <br>
    姓名：
    <input type="text" name="username">
    <br>
    密码：
    <input type="password" name="password">
    <br>
    性别：
    <input type="radio" value="0" name="gender">男
    <input checked type="radio" value="1" name="gender">女
    <br>
    爱好：
    <input type="checkbox" name="likes" value="🏀">🏀
    <input type="checkbox" name="likes" value="⚽️">⚽️
    <input type="checkbox" name="likes" value="🏓">🏓
    <br>
    国籍：
    <select name="guoji">
      <optgroup>
        <option value="">中国🇨🇳</option>
        <option value="">外国</option>
      </optgroup>
    </select>
    <br>
    入学时间：
    <input type="datetime">
    <input type="date">
    <br>
    个人介绍：
    <textarea name="desc"></textarea>
    <br>
    上传文件：
    <input type="file">
    <br>
    纯数字的输入框：
    <input type="number">
    <br>
    <progress value="5" max="20">70%</progress>
    <input type="button" value="提交">
    <input type="reset" value="重置">
  </form>
</body>

</html>